---
import type { GetStaticPathsResult } from "astro";
import type { CollectionEntry } from "astro:content";
import { getCollection, render } from "astro:content";
import PostLayout from "@/layouts/BlogPost.astro";

export async function getStaticPaths(): Promise<GetStaticPathsResult> {
	const posts: CollectionEntry<"post">[] = await getCollection("post");
	const params = posts.map((post) => ({
		params: { post: post.id },
		props: { post },
	}));
	return params;
}

interface Props {
	post: CollectionEntry<"post">;
}

const { post } = Astro.props;
const { Content } = await render(post);
---

<PostLayout post={post}>
	<Content />
  <div class="mt-12">
    <a href={ `mailto:contact@stevedylan.dev?subject=${'Re: ' + post.data.title}` }>Reply via Email</a>
  </div>
</PostLayout>